<template>
  <div class="page-navbar">
    
    <div class="myself-tx">
    <div class="my_tx">
      <img class="my_img" src="../../assets/tx.png">
    </div>

    <div class="my_mt-cell">
      <mt-cell slot="left" title="風儿" label="简介：暂无介绍"></mt-cell>
    </div>
    </div>

    <mt-navbar class="page-part-1" v-model="selected">
      <mt-tab-item id="爱心值"><mt-cell title="爱心值" label="25"></mt-cell></mt-tab-item>
      <mt-tab-item id="我的赞"><mt-cell title="我的赞" label="15" to="/myzan"></mt-tab-item>
      <mt-tab-item id="我的评论"><mt-cell title="我的评论" label="45" to="/mypl"></mt-tab-item>
    </mt-navbar>
  </div>
</template>

<script>


export default {
  name: 'page-navbar',
  data() {
    return {
      selected: '爱心值'
    }
},
  components: {

                }
}
</script>
<style>
.myself-tx{
  margin: 10px;
  margin-bottom: 30px;
  width:100%;

}
.my_img{
    width:70px;
    height:70px;
    float: left;
}
.my_mt-cell{

text-align: left;
}
.page-part-1{
height:65px;

}
.page-part-1{

}
</style>